* {
	padding: 0;
	margin: 0;
}

body {
	background: url(../img/confile_1598909475.png) #f5f6fa top center no-repeat;
}

i,
em {
	font-style: normal;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

/*顶部广告*/
.banner {
	width: 100%;
	background-color: #EA0068;

	.ba-img {
		display: flex;
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	i {
		position: absolute;
		right: 10px;
		top: 3px;
		font-size: 20px !important;
		color: rgba(45, 45, 45, 0.4);
	}
}

/*左侧边栏*/
.side-left {
	position: fixed;
	opacity: 1;
	z-index: 5;
	left: 229.5px;
	top: 38%;
	display: none;

	li {
		width: 70px;
		height: 28px;
		line-height: 28px;
		border: 1px solid #e6e6e6;
		color: #333;
		text-align: center;
		margin-bottom: -2px;
		background-color: #fafafa;
		position: relative;

		span {
			display: block;
			width: 60px;
			padding: 0 5px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 12px;
		}

		&:last-child {
			display: block;
			width: 60px;
			padding: 0 5px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 12px;
		}
	}

	.icon-15 {
		font-size: 10px;
	}

	.active {
		background-color: #ff4040;
		color: #fff;
		border-color: #ff4040;

		i {
			width: 0;
			height: 0;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent transparent #ff4040;
			position: absolute;
			top: 8px;
			right: -11px;
		}
	}
}

/*右侧边栏*/
aside {
	position: fixed;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 2;

	.side-right {
		width: 40px;
		height: 100%;
		position: absolute;
		background: #000;
		z-index: 2;
		top: 0;
		left: 0px;

		.sd-con {
			display: flex;
			margin-top: 80px;
			position: absolute;
			margin-top: -190px;
			top: 40%;

			ul {
				display: flex;
				flex-direction: column;

				li {
					margin-top: 10px;
					position: relative;

					a {
						&:hover {
							background-color: #f42424;
						}
					}

					&:nth-child(2) {
						a {
							background: url(../img/ibar_sprites.png) no-repeat;
							line-height: 16px;
							height: 133px;
							background-position: -23px -225px;
							margin: 10px 0;

							&:hover {
								background: #f42424;

								.num {
									color: #f42424;
									background: #fff;
								}
							}

							.active {
								color: #f42424;
								background: #fff;
							}
						}

						.active {
							background: #f42424;
						}
					}

					.me-lo {
						height: 38px;
						line-height: 38px;
						width: 92px;
						position: absolute;
						z-index: 2;
						left: -121px;
						top: 0;
						background: #000;
						color: #d8d8d8;
						text-align: center;
						display: none;

						span {
							font-size: 12px;
						}

						i {
							position: absolute;
							right: -5px;
							top: 15px;
							width: 5px;
							height: 9px;
							display: inline-block;
							background: url(../img/ibar_sprites.png) no-repeat;
							background-position: 0 -234px;
						}
					}

					a {
						width: 40px;
						height: 38px;
						display: inline-block;
						display: flex;
						justify-content: center;
						align-items: center;
						flex-direction: column;

						i {
							display: inline-block;
							background: url(../img/ibar_sprites.png) no-repeat;
						}

						.setting {
							width: 18px;
							height: 19px;
							background-position: 0 0;
						}

						.shopping {
							width: 22px;
							height: 18px;
							background-position: 2px -29px;
						}

						span {
							font-size: 12px;
							width: 16px;
							display: block;
							color: #fff;
							text-align: center;

							&:nth-child(2) {
								margin: 10px 0 0 0;
							}

							&:last-child {
								width: 22px;
								height: 22px;
								line-height: 21px;
								margin: 5px 0 0 0;
								border-radius: 50%;
								background: #f42424;
							}
						}

						.message {
							width: 35px;
							height: 35px;
							background: url(../img/chongzhi.png) no-repeat;
						}

						.discounts {
							width: 18px;
							height: 13px;
							background-position: -36px 0;
						}

						.money {
							width: 18px;
							height: 18px;
							background-position: 0 -57px;
						}

						.sight {
							width: 18px;
							height: 24px;
							background-position: -1px -110px;
						}

						.star {
							background: url(../img/wdsc.png) no-repeat;
							width: 35px;
							height: 35px;
						}

						.email {
							background: url(../img/email.png) no-repeat;
							width: 35px;
							height: 35px;
						}
					}

					.st-lo {
						width: 267px;
						height: 185px;
						padding: 10px;
						background: #fff;
						box-shadow: 0 0 5px rgba(0, 0, 0, .4);
						border-radius: 5px 0 0 5px;
						position: absolute;
						top: 0px;
						left: -287px;
						display: none;

						.st-box {
							width: 267px;
							overflow: hidden;
							height: 120px;
							display: flex;

							p {
								font-size: 14px;
								color: #333;
								text-align: center;
								width: 100px;
								height: 100px;
								border-radius: 50%;
								overflow: hidden;
								margin: 6px 20px 0 5px;

								img {
									width: 100px;
									height: 100px;
								}
							}

							ul {
								overflow: hidden;
								color: #333;
								padding-top: 30px;
								line-height: 24px;
								width: 140px;
								float: left;

								li {
									height: 24px;
									line-height: 24px;
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
									position: relative;
									display: block;
									left: 0;
									top: 0px;
									margin-top: 10px;
									font-size: 12px;
								}
							}

						}

						.stlo-btn {
							width: 267px;
							height: 79px;
							border-top: 1px dotted #d5d5d5;
							overflow: hidden;
							padding-top: 15px;
							display: flex;

							a {
								width: 94px;
								height: 30px;
								line-height: 30px;
								text-align: center;
								border: 1px solid;
								color: #333;
								text-decoration: none;
								background-position: 0 -408px;
								background-repeat: repeat-x;
								border-color: #e9e9e9;
								font-size: 12px;

								&:hover {
									text-decoration: none;
									background-position: 0 -366px;
									border-color: #f42424;
									background: none;
								}

								&:first-child {
									margin: 0 10px 0 35px;
								}
							}
						}

						i {
							position: absolute;
							right: -5px;
							top: 15px;
							width: 5px;
							height: 9px;
							display: inline-block;
							background: url(../img/ibar_sprites.png) no-repeat;
							background-position: 0 -253px;
						}
					}
				}
			}
		}

		.sd-con-bottom {
			position: absolute;
			bottom: 0;
			display: flex;

			ul {
				display: flex;
				flex-direction: column;

				li {
					a {
						width: 40px;
						height: 38px;
						display: inline-block;
						display: flex;
						justify-content: center;
						align-items: center;
						flex-direction: column;

						&:hover {
							background-color: #f42424;
						}

						i {
							display: inline-block;
							background: url(../img/ibar_sprites.png) no-repeat;
						}

						.service {
							width: 18px;
							height: 18px;
							background-position: -1px -174px;
						}

						.top {
							background-position: 0 -201px;
							width: 17px;
							height: 14px;
						}
					}

					.me-lo {
						height: 38px;
						line-height: 38px;
						width: 92px;
						position: absolute;
						z-index: 2;
						left: -121px;
						top: 0;
						background: #000;
						color: #d8d8d8;
						text-align: center;
						display: none;

						span {
							font-size: 12px;
						}

						i {
							position: absolute;
							right: -5px;
							top: 15px;
							width: 5px;
							height: 9px;
							display: inline-block;
							background: url(../img/ibar_sprites.png) no-repeat;
							background-position: 0 -234px;
						}
					}

				}

				.returnTop {
					display: none;
				}
			}
		}
	}

	.sd-rgt {
		display: block;
		width: 280px;
		height: 100%;
		color: #333;
		font-size: 14px;
		font-weight: 700;
		position: absolute;
		left: 40px;
		top: 0;
		border-bottom: 1px solid #dedede;
		background: #fff;

		.cha {
			width: 20px;
			height: 20px;
			padding: 5px;
			overflow: hidden;
			position: absolute;
			top: 4px;
			right: 4px;
			display: inline-block;
			background: url(../img/ibar_sprites.png) no-repeat;
			background-position: 5px -267px;
		}

		.sd-title {
			height: 38px;
			line-height: 38px;
			border-bottom: 1px solid #dedede;
			color: #333;
			font-size: 14px;
			font-weight: 700;
			padding: 0 10px;
			background: #efefef;

			h3 {
				font-size: 14px;
			}
		}

		.sd-con {
			width: 280px;
			height: 100%;
			position: relative;

			.sdc {
				background: #ECEAEA;
				height: 100%;

				.con {
					width: 270px;
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -60px;
					text-align: center;

					.text {
						line-height: 20px;
						margin-top: 10px;
						font-size: 12px;

						a {
							color: #f42424
						}
					}
				}
			}

			.con-bom {
				position: absolute;
				height: 111px;
				bottom: 0;
				width: 100%;
				background: #fff;

				.bom-tit {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin: 8px 10px;

					.tit {
						width: 260px;
					}

					.price {
						font-weight: 600;
						font-size: 16px;
						font-family: verdana;
						color: #f42424;
					}
				}

				.btn {
					display: block;
					height: 33px;
					line-height: 33px;
					font-size: 18px;
					color: #fff;
					text-align: center;
					text-decoration: none;
					background: #f42424;
					width: 260px;
					margin: 0 10px;
				}

			}
		}
	}
}

/*顶部悬浮导航栏*/
.show-search {
	width: 100%;
	height: 60px;
	position: fixed;
	top: -80px;
	transition: top .3s ease-out;
	background-color: #fff;
	z-index: 1;
	box-shadow: 0 0 10px 2px rgba(90, 90, 90, .6);

	.sh-se {
		width: 1200px;
		margin: 0 auto;
		display: flex;

		.classify {
			width: 232px;
			height: 40px;
			text-align: center;
			margin-top: 12px;
			font-size: 0;
			line-height: 40px;
			float: left;
			overflow: hidden;
			background-color: #f42424;

			a {
				font-size: 16px;
				font-weight: 700;
				color: #fff;
			}
		}

		.search {
			float: left;
			margin-left: 100px;
			margin-top: 12px;

			input {
				width: 378px;
				height: 14px;
				padding: 8px;
				border: 2px solid #f42424;
				outline: 0;
				font-size: 12px;
				float: left;
				color: #999;
			}

			button {
				border: 0;
				width: 70px;
				height: 34px;
				line-height: 34px;
				background-color: #f42424;
				color: #fff;
				font-size: 14px;
				outline: 0;

				&:nth-child(3) {
					background-color: #b31919;
				}

				&:nth-child(2) {
					margin-right: 8px;
				}
			}
		}

		.shse-login {
			float: left;
			margin-left: 80px;
			margin-top: 12px;
			line-height: 34px;
			width: 90px;
			overflow: hidden;

			a {
				color: #555;
				font-size: 12px;

				&:nth-child(2) {
					&:hover {
						color: #555;
					}
				}

				&:hover {
					color: #f42424;
				}

			}
		}

		.search-right {
			margin-top: 12px;
			width: 147px;
			height: 34px;
			line-height: 34px;
			border: none;
			position: relative;

			i {
				padding-left: 30px;
				font-size: 20px;
				color: #f42424;
			}

			em {
				position: absolute;
				left: 34px;
				top: 0px;
				display: inline-block;
				width: 13px;
				height: 13px;
				line-height: 13px;
				padding: 1px;
				margin-left: 8px;
				border-radius: 50%;
				background: #f42424;
				color: #fff;
				text-align: center;
				font-size: 12px;
			}
		}
	}
}

/*表头(LOGO搜索栏)*/
header {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	background-color: #fff;

	.logo {
		width: 232px;
		height: 126px;
		display: flex;
		box-shadow: 3px 0px 7px rgba(0, 0, 0, .2);
		z-index: 1;
		align-items: center;
		justify-content: center;
	}

	.hd-con {
		width: 968px;
		line-height: 30px;

		.hd-con-right {
			.hd-nav {
				display: flex;
				justify-content: space-between;
				height: 30px;
				background-color: #eee;

				.left {
					display: flex;
					align-items: center;
					margin-left: 10px;

					a {
						font-size: 12px;
						color: #555;
					}

					.city {
						position: relative;

						&:hover {
							.choie {
								border: 1px solid #d2d2d2;
								border-bottom-color: #fff;
								background: #fff;
								border-bottom: none;
							}
						}

						.choie {
							z-index: 2;
							display: flex;
							border: 1px solid transparent;
							font-size: 12px;
							align-items: center;
							position: relative;


							i {
								margin-left: 10px;
								font-weight: 500;
								color: #f42424;
							}

							div {
								margin-right: 10px;
							}
						}

						.dorpdown-layer {
							display: none;
							left: 0;
							right: inherit;
							width: 443px;
							height: 236px;
							position: absolute;
							border: 1px solid #d2d2d2;
							background-color: #fff;
							top: 30px;
							left: 0px;
							z-index: 1;
							user-select: none;

							.ui-areamini-content-wrap {
								padding: 20px 8px 10px 15px;
								width: 420px;

								.hot {
									overflow: hidden;


									a {
										float: left;
										line-height: 20px;
										padding: 0 5px;
										margin-right: 5px;

										&:hover {
											background-color: #f42424;
											color: #fff;
										}
									}

									.active {
										background-color: #eee;
										color: #f42424;
									}
								}

								.search-first-letter {
									overflow: hidden;
									margin: 10px 0 0 3px;
									display: flex;

									a {
										font-size: 14px;
										color: #8c8c8c;
										line-height: 16px;
										padding: 0 3px;
										margin-right: 1px;
										font-weight: 700;

										&:hover {
											color: #f42424;
										}
									}
								}

								.scrollBody {
									overflow: hidden;
									width: 420px;
									margin-top: 10px;
									position: relative;
									z-index: 10;
									display: flex;

									.all-list {
										height: 150px;
										margin-left: 5px;
										width: 400px;

										ul {
											overflow: hidden;
											height: auto;
											position: relative;
											z-index: 9;
											display: flex;
											flex-direction: column;

											li {
												width: 100%;
												display: flex;

												em {
													width: 18px;
													height: 18px;
													line-height: 16px;
													border-radius: 50%;
													display: inline-block;
													text-align: center;
													margin: 2px 10px 0 0;
													background-color: #eee;
													color: #8c8c8c;
													font-weight: 700;
												}

												.itme-city {
													width: calc(100% - 28px);

													.active {
														background-color: #eee;
														color: #f42424;
													}

													a {
														float: left;
														line-height: 20px;
														padding: 0 5px;
														margin: 0 5px 5px 0;

														&:hover {
															background-color: #eee;
															color: #f42424;
														}
													}
												}
											}
										}
									}

									.scrollBar {
										float: left;
										width: 7px;
										height: 150px;
										position: relative;
										background: url(../img/change_city.png) -7px 0 repeat-y;
										margin-left: 5px;

										p {
											position: absolute;
											width: 7px;
											height: 30px;
											background: url(../img/change_city.png) 0 0 no-repeat;
										}
									}
								}
							}
						}
					}

					.login {
						margin-left: 15px;

						a {
							&:nth-child(1) {
								color: red;
							}

							&:nth-child(2) {
								color: #8c8c8c;
								margin-left: 10px;

								&:hover {
									color: #e23435;
								}
							}
						}
					}

				}

				ul {
					display: flex;

					.icon-jt-left {
						font-size: 20px;
					}

					li {
						padding-left: 7px;
						padding-right: 7px;
						font-size: 12px;
						color: #8c8c8c;

						&:nth-child(9) {
							color: #000;
							display: flex;
							flex-direction: column;
							z-index: 5;
							position: relative;
							padding: 0;

							&:hover {
								padding-bottom: 2px;

								.tit {
									border-color: #ccc;
									border-bottom: none;
									background: #fff;
								}
							}

							.tit {
								width: 100%;
								padding: 0 7px;
								box-sizing: border-box;
								position: relative;
								z-index: 2;
								border: 1px solid transparent;
								display: flex;
								align-items: center;
							}

							.con-tit {
								display: none;

								.fore {
									width: 400px;
									border: 1px solid #d2d2d2;
									background-color: #fff;
									position: absolute;
									right: 0px;
									top: 30px;

									.fo {
										padding: 18px 0;
										display: flex;

										div {
											padding: 0 0 0 30px;
											border-right: 1px solid #efefef;
											width: 85px;
											display: flex;
											flex-direction: column;

											span {
												width: 75px;
												font-weight: 700;
												color: #666;
												font-size: 12px;
											}

											ul {
												display: flex;
												flex-direction: column;

												li {
													padding: 0;
													width: 75px;

													a {
														color: #8c8c8c;
														display: block;

														&:hover {
															color: #e23435;
														}
													}
												}
											}
										}

										.fore2 {
											border-right: 0;

											ul {
												height: 90px;
												display: flex;
												flex-wrap: wrap;
											}
										}
									}

								}
							}

							&:hover {
								color: #000;
							}
						}

						&:hover {
							color: #e23435;
						}
					}

					.separate {
						padding: 0;
						overflow: hidden;
						margin: 11px 5px 0;
						width: 1px;
						height: 10px;
						background-color: #ccc;
					}

					.icon-down-sign {
						font-size: 27px !important;
						color: #000;

						&:hover {
							color: #000;
						}
					}
				}
			}

			.hd-search {
				display: flex;
				justify-content: space-between;

				// align-items: center;
				.search-left {
					display: flex;
					margin: 20px 0 0 58px;
					flex-direction: column;

					.search {
						input {
							width: 378px;
							height: 14px;
							padding: 8px;
							border: 2px solid #f42424;
							outline: 0;
							font-size: 12px;
							float: left;
							color: #999;
						}

					}

					button {
						border: 0;
						width: 70px;
						height: 34px;
						line-height: 34px;
						background-color: #f42424;
						color: #fff;
						font-size: 14px;
						outline: 0;

						&:nth-child(3) {
							background-color: #b31919;
						}

						&:nth-child(2) {
							margin-right: 8px;
						}
					}

					ul {
						display: flex;

						li {
							font-size: 12px;
							margin-right: 10px;
							color: #999;

							&:hover {
								color: #e23435;
							}
						}
					}
				}

				.search-right {
					display: flex;
					align-items: center;
					margin: 20px 20px 0 0;
					width: 178px;
					height: 33px;
					line-height: 33px;
					position: relative;

					.text {
						width: 178px;
						height: 33px;
						border: 1px solid #d2d2d2;
						display: flex;
						box-sizing: border-box;
						justify-content: center;
						align-items: center;
						position: relative;
						z-index: 2;

						&:hover {
							border-bottom-color: #fff;
						}

						i {
							padding-left: 0;
							font-size: 20px;
							color: #f42424;
						}

						span {
							margin-left: 8px;
							font-size: 12px;
							color: #f42424;
						}

						em {
							width: 13px;
							height: 13px;
							line-height: 13px;
							padding: 1px;
							margin-left: 8px;
							border-radius: 50%;
							background: #f42424;
							color: #fff;
							text-align: center;
							font-size: 12px;
						}

					}

					.shop-hide {
						position: absolute;
						right: 0;
						top: 32px;
						width: 312px;
						box-sizing: border-box;
						padding: 20px 20px 20px 36px;
						background: #fff;
						border: 1px solid #d2d2d2;
						display: none;
						z-index: 1;

						span {
							display: block;
							font-size: 12px;
							color: #8c8c8c;
							margin: 6px 0 0 14px;
							line-height: 25px;
							width: 132px;
						}
					}
				}
			}
		}
	}
}

/*顶部导航栏*/
nav {
	width: 1200px;
	margin: 0 auto;
	display: flex;

	.classify {
		width: 232px;
		height: 40px;
		text-align: center;
		font-size: 0;
		line-height: 40px;
		float: left;
		overflow: hidden;
		background-color: #f42424;

		a {
			font-size: 16px;
			font-weight: 700;
			color: #fff;
		}
	}

	.cify-name {
		width: 968px;
		border-bottom: 1px solid #f42424;
		background-color: #fff;

		ul {
			height: 39px;
			display: flex;
			align-items: center;

			li {
				margin-left: 38px;
				text-align: center;

				&:nth-child(1) {
					color: #e23435;
				}

				&:hover {
					color: #e23435;
				}
			}
		}
	}
}

/*主体部分(一二级导航,轮播图，登录信息)*/
main {
	width: 1200px;
	margin: 0 auto;
	display: flex;

	.cify-list {
		width: 232px;
		height: 500px;
		background-color: #333;
		position: relative;

		.list {
			.icon-yifu {
				font-size: 16px;
			}

			.icon-xiangji {
				font-size: 17px;
			}

			.icon-xiangshui {
				font-size: 17px;
			}
		}

		>.list:hover {
			background: #000;
		}

		>.list {
			padding: 14.5px 16px;
			width: 100%;
			height: 71px;
			box-sizing: border-box;
			display: flex;



			i {
				font-size: 13px;
				color: #bfbfbf;
				line-height: 21px;
				margin-right: 10px;
			}

			p {
				margin: 0;
				display: flex;

				a {
					font-size: 14px;
				}
			}

			p:nth-child(1) {
				a {
					color: #fff;

				}

				a:hover {
					color: #e23435;
				}
			}

			p:nth-child(2) {
				a {
					color: #bfbfbf;
					margin-right: 10px;
				}

				a:hover {
					color: #e23435;
				}
			}

			.hide {
				position: absolute;
				width: 968px;
				min-height: 500px;
				box-sizing: border-box;
				left: 232px;
				top: -1px;
				z-index: 4;
				padding: 20px 20px 28px 18px;
				border: 1px solid #fff;
				background-color: #fff;
				box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .1);
				justify-content: space-between;
				display: none;

				.hide-left {
					width: 704px;

					.txt-T {
						display: flex;
						height: 24px;
						margin-bottom: 20px;

						a {
							display: block;
							margin-right: 10px;
							padding: 0 10px 0 12px;
							height: 24px;
							line-height: 24px;
							color: #fff;
							background-color: #5f4f4f;
							font-size: 12px;
						}
					}

					.list {

						display: flex;

						// align-items: center;
						a {
							color: #555;
							font-weight: 700;
							font-size: 12px;
							width: 70px;
							margin-right: 10px;
							text-align: right;
							line-height: 45px;
						}

						a:hover {
							color: #f42424;
						}

						ul {
							width: 624px;
							height: 45px;
							padding: 8px 0;
							box-sizing: border-box;
							border-bottom: 1px dashed #d2d2d2;
							display: flex;
							align-items: center;

							li {
								line-height: 12px;
								height: 12px;
								font-size: 12px;
								color: #555;
								cursor: pointer;
								padding: 0 10px;
								border-left: 1px solid #e0e0e0;
							}

							li:hover {
								color: #f42424;
							}
						}
					}
				}

				.hide-right {
					width: 200px;
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;

					.item {
						overflow: hidden;
						display: inline-block;
						width: 98px;
						height: 48px;
						border: 1px solid #f9f9f9;
						text-align: center;
						margin: -1px -1px 0 0;

						img {
							width: 100%;
						}
					}
				}
			}
		}
	}

	.cont {
		width: 758px;
		height: 500px;
		position: relative;

		ul {
			list-style: none;
			margin: 0 auto;
			padding: 0;

			li {
				width: 758px;
				height: 500px;
				position: absolute;
				display: none;
				line-height: 500px;
				text-align: center;

				&:nth-child(1) {
					background: url(../img/113_P_1598898629972.jpg) no-repeat;
				}

				&:nth-child(2) {
					background: url(../img/113_P_1598898634711.jpg) no-repeat;
				}

				&:nth-child(3) {
					background: url(../img/113_P_1598898639675.jpg) no-repeat;
				}

				&:nth-child(4) {
					background: url(../img/113_P_1598898663252.jpg) no-repeat;
				}

				&:nth-child(5) {
					background: url(../img/113_P_1598898669760.jpg) no-repeat;
				}
			}


		}

		.lists {
			width: 200px;
			height: 20px;
			position: absolute;
			left: 50%;
			margin-left: -100px;
			bottom: 10px;
			display: flex;
			justify-content: space-around;
		}

		.lists i {
			display: inline-block;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: rgb(204, 204, 204);
		}
	}

	.login {
		width: 210px;
		height: 500px;
		background-color: #fff;

		.lgn-mes {
			height: 190px;
			overflow: hidden;

			.portrait {
				width: 80px;
				height: 80px;
				margin: 25px auto 10px;
			}

			.lgn-btn {
				display: flex;
				flex-direction: column;
				align-items: center;
				height: 75px;
				text-align: center;
				font-size: 12px;
				margin: 0 auto;

				span {
					font-size: 14px;
					margin-bottom: 10px;
					width: 100%;
				}

				.btn {
					a {
						display: inline-block;
						width: 80px;
						height: 25px;
						line-height: 25px;
						border: 0;
						border-radius: 13px;
						box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
						transition: all .3s ease;
						color: #f42424;
						font-size: 14px;

						&:nth-child(1) {
							margin-right: 10px;

							&:hover {
								background-color: #f42424;
								color: #fff;
							}
						}

						&:nth-child(2) {
							background-color: #f42424;
							color: #fff;
						}
					}

				}

			}
		}

		.announcement {
			.tit {
				font-size: 14px;
				padding: 10px 0 10px 20px;
				height: 24px;
				line-height: 24px;
				color: #555;

				.active {
					color: #f42424;
				}

				a {
					height: 14px;
					line-height: 14px;
					display: inline-block;
					font-size: 14px;
					font-weight: 800;
					color: #555;

					&:first-child {
						padding-right: 10px;
						border-right: 1px solid #ccc;
						margin-right: 8px;
					}
				}
			}

			.con {
				margin: 0 20px 6px;
				position: relative;
				line-height: 22px;
				color: #555;
				height: 70px;
				overflow: hidden;

				.active {
					display: block;
				}

				ul {
					display: none;
					position: absolute;

					li {
						width: 170px;
						box-sizing: border-box;
						height: 24px;
						overflow: hidden;

						a {
							font-size: 12px;
							color: #555;
							display: block;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;

							&:hover {
								color: #f42424;
							}
						}
					}
				}
			}
		}

		.personage {
			height: auto;

			.tit {
				font-size: 14px;
				padding: 10px 0 10px 20px;
				font-weight: 800;
				height: 24px;
				line-height: 24px;
				color: #555;
			}

			ul {
				border-top: 1px solid #eee;
				display: flex;
				align-items: center;
				flex-wrap: wrap;

				li {
					width: 69px;
					border-right: 1px solid #eee;
					text-align: center;
					padding-bottom: 9px;

					a {
						display: flex;
						flex-direction: column;

						img {
							width: 32px;
							height: 32px;
							margin: 11px auto 2px auto;
						}

						span {
							display: inline-block;
							font-size: 12px;
							color: #333;
							text-align: center;

							&:hover {
								color: #f42424;
							}
						}
					}
				}
			}
		}
	}
}

/*内容(品牌区)*/
.brand {
	width: 100%;

	.view {
		width: 1200px;
		margin: 0 auto;
		margin-top: 20px;

		ul {
			li {
				display: flex;

				&:first-child {
					height: 202px;
				}

				&:last-child {
					height: 200px;
					background-color: #fd1b4e;

					a {
						img {
							margin: 8px 5px 0px;
							transition: all 150ms ease-in-out;

							&:hover {
								transform: translateY(-3px);
								box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 20px 0px;
								border-radius: 10px;
							}
						}
					}
				}
			}
		}
	}
}

/*内容(秒杀区)*/
.seck {
	width: 100%;

	.seckill {
		width: 1200px;
		margin: 0 auto;

		.view {
			background-color: #fd1b4e;
			margin-top: 0;

			.sec-tit {
				display: flex;
				justify-content: space-between;
				padding: 0px 10px;
				height: 50px;
				line-height: 50px;

				h3 {
					color: #fff;
					font-weight: 900;
					font-size: 24px;
				}

				.tit {
					font-size: 18px;
					color: #fff000;
					float: left;
					font-weight: 900;
				}

				.sec-more {
					a {
						width: 112px;
						height: 22px;
						line-height: 22px;
						font-size: 14px;
						color: #fff;
						text-align: center;
						border: 1px solid #fff;
						padding: 0 9px;
						border-radius: 11px;
						display: inline-block;

						i {
							font-size: 12px;
						}
					}
				}
			}
		}

		.sec-con {
			width: 1200px;
			overflow: hidden;
			position: relative;

			ul {
				position: relative;
				display: flex;

				li {
					flex-direction: column;
					height: 280px;
					margin: 5px 0 10px 10px;
					background-color: #fff;
					transition: all 150ms ease-in-out;

					&:hover {
						box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
						transform: translateY(-3px);
					}

					.img {
						width: 180px;
						height: 180px;
						display: block;
						margin: 18px 24px 0;
						transition: opacity .3s ease-out;

						&:hover {
							opacity: .7;
						}

						img {
							width: 100%;
							height: 100%;
						}
					}

					.name {
						width: 183px;
						margin: 10px auto 0;
						height: 36px;
						line-height: 18px;
						overflow: hidden;
						font-size: 14px;

						a {
							white-space: normal;
							color: #444;

							&:hover {
								color: #f42424;
							}
						}
					}

					.price {
						width: 180px;
						margin: 5px auto 0;

						span {
							&:first-child {
								color: #f42424;
								font-size: 18px;
							}

							&:last-child {
								text-decoration: line-through;
								font-size: 12px;
								color: #999;
							}
						}
					}
				}
			}

			.last,
			.next {
				width: 30px;
				height: 70px;
				position: absolute;
				top: 50%;
				margin-top: -35px;
				background: rgba(0, 0, 0, .3);
				z-index: 2;
				text-align: center;
				color: rgba(255, 255, 255, .8);
				display: none;

				&:hover {
					background: rgba(0, 0, 0, .5);
				}

				i {
					line-height: 70px;
				}
			}

			.next {
				right: 0;
			}
		}
	}
}

/*内容(尖货区)*/
.commodity {
	width: 1200px;
	height: 566px;
	margin: 20px auto;

	.view {
		width: 1297px;
		height: 566px;
		position: relative;
		margin-left: -97px;
		margin-top: 20px;
		background: url(../img/1516301201726549362.png) no-repeat;

		.verruca {
			position: absolute;
			right: 0;
			width: 1000px;

			.ver-top {
				overflow: hidden;

				a {
					display: inline-block;
					width: 190px;
					height: 210px;
					margin: 9px 5px 0 0;
					transition: all 150ms ease-in-out;

					&:hover {
						box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
						transform: translateY(-2px);
					}
				}
			}

			.ver-btm {
				a {
					display: inline-block;
					margin: 7px 5px 0 0;
					transition: all 150ms ease-in-out;

					&:hover {
						box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
						transform: translateY(-2px);
					}
				}
			}
		}
	}
}

/*内容(好货区)*/
.find {
	width: 1200px;
	margin: 20px auto;
	display: flex;

	.module-left {
		width: 595px;

		.title {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 50px;
			line-height: 50px;
			background-color: #449dae;

			h5 {
				float: left;
				margin-left: 15px;
				color: #fff;
				font-size: 20px;
				font-weight: normal;
			}

			.more {
				margin-right: 10px;
				color: #fff;

				span {
					font-size: 12px;
				}

				i {
					font-size: 12px;

				}
			}
		}

		.second-con {
			position: relative;
			height: 380px;
			background-color: #fff;
			// z-index: 2;
			display: flex;

			.second {
				.first {
					width: 189px;
					height: 360px;
					border-right: 1px solid #eee;
					font-size: 12px;

					.p-img {
						width: 160px;
						height: 160px;
						margin: 10px 0 0 15px;
						transition: transform .5s;

						&:hover {
							transform: scale(1.05);
						}

						img {
							padding-top: 43px;
							width: 100%;
							height: 100%;
						}
					}

					.p-name {
						color: #333;
						width: 155px;
						height: 18px;
						overflow: hidden;
						margin: 65px 0 0 17px;
						padding-top: 10px;
						border-top: 1px solid #eee;
						font-weight: 700;
					}

					.p-desc {
						float: left;
						width: 155px;
						height: 36px;
						overflow: hidden;
						color: #999;
						margin: 5px 0 0 17px;
					}

					.sew_btn {
						float: left;
						margin: 9px 0 0 17px;
						padding: 3px 9px;
						color: #fff;
						background-color: #449dae;
						border-radius: 2px;

						&:hover {
							box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
							transform: translateY(-2px);
						}
					}
				}
			}

			ul {
				padding-top: 10px;
				display: flex;
				flex-wrap: wrap;

				.sew-item {
					width: 200px;
					height: 100px;
					margin-bottom: 20px;

					.p-img {
						float: left;
						width: 80px;
						height: 80px;
						margin: 18px 0 0 10px;
						transition: transform .5s;

						&:hover {
							transform: scale(1.05);
						}

						img {
							width: 100%;
							height: 100%;
						}
					}

					.p-info {
						float: left;
						margin: 33px 0 0 16px;
						width: 76px;

						.p-name {
							width: 100%;
							height: 20px;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							color: #333;
							font-size: 12px;
						}

						.p-desc {
							width: 100%;
							height: 36px;
							line-height: 15px;
							margin-top: 2px;
							color: #449dae;
							font-size: 12px;
						}
					}
				}
			}
		}
	}

	.module-right {
		width: 595px;
		margin-left: 10px;

		.title {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 50px;
			line-height: 50px;
			background-color: #a25684;

			h5 {
				float: left;
				margin-left: 15px;
				color: #fff;
				font-size: 20px;
				font-weight: normal;
			}

			.more {
				margin-right: 10px;
				color: #fff;

				span {
					font-size: 12px;
				}

				i {
					font-size: 12px;

				}
			}
		}

		.second-con {
			position: relative;
			height: 380px;
			background-color: #fff;
			// z-index: 2;
			display: flex;
			flex-wrap: wrap;

			.tj-item {
				margin: 36px 0 0 30px;
				width: 264px;

				.tit {
					float: left;
					width: 260px;
					height: 22px;
					overflow: hidden;

					a {
						font-size: 12px;
						color: #000;

						i {
							color: #fff;
						}
					}

					.tj-icon {
						display: inline-block;
						padding: 0 10px;
						line-height: 18px;
						border-radius: 9px;
						color: #FFF;
						margin-right: 8px;
						background: #a25684;
					}
				}

				ul {
					margin-top: 20px;
					padding-top: 10px;

					li {
						float: left;
						margin-right: 10px;
						cursor: pointer;

						.p-img {
							transition: transform .5s;

							&:hover {
								transform: scale(1.05);
							}

							img {
								display: block;
								width: 220px;
								height: 110px;
							}
						}
					}
				}
			}

			.line {
				position: absolute;
				left: 294px;
				width: 1px;
				height: 360px;
				background: #eee;
				top: 10px;
			}
		}
	}
}

/*内容(特卖区)*/
.special {
	width: 1200px;
	margin: 20px auto;
	display: flex;

	.module-left {
		width: 393px;

		.title {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 50px;
			line-height: 50px;
			background-color: #c43d7e;

			h5 {
				float: left;
				margin-left: 15px;
				color: #fff;
				font-size: 20px;
				font-weight: normal;
			}

			.more {
				margin-right: 10px;
				color: #fff;

				span {
					font-size: 12px;
				}

				i {
					font-size: 12px;

				}
			}
		}

		.second-con {
			background-color: #fff;
			padding-top: 10px;
			height: 380px;
			display: flex;

			ul {
				display: flex;
				flex-wrap: wrap;
				margin: 5px 0 0 0;

				li {
					width: 184px;
					height: 120px;
					border-width: 0 0 1px 0;
					border-style: solid;
					border-color: #e7e7e7;

					&:last-child {
						border-width: 0 0 0 0;
					}

					a {
						display: flex;
					}

					.p-name {
						width: 72px;
						height: 40px;
						overflow: hidden;
						margin: 14px 0 0 15px;
						color: #333;
						font-size: 14px;
					}

					.p-desc {
						width: 72px;
						height: 16px;
						overflow: hidden;
						color: #999;
						margin: 10px 0 0 15px;
						font-size: 12px;
					}

					.p-img {
						width: 90px;
						height: 90px;
						margin: 30px 0px 0px 5px;
						transition: transform .5s;

						&:hover {
							transform: scale(1.05);
						}

						img {
							width: 100%;
							height: 100%;
						}
					}
				}

			}

			.se-con {
				margin: 0 0 0 10px;

				.first {
					height: 236px;
					border-width: 0 1px 0 0;
					border-style: solid;
					border-color: #e7e7e7;

					a {
						display: block;
					}

					.p-name {
						width: 140px;
						height: 20px;
						overflow: hidden;
						margin: 14px 0 0 15px;
						color: #333;
						font-size: 14px;
					}

					.p-desc {
						width: 144px;
						margin: 3px 0 0 15px;
						height: 16px;
						overflow: hidden;
						color: #999;
						font-size: 12px;
					}

					.p-img {
						width: 160px;
						height: 160px;
						margin: 37px 0 0 20px;
						transition: transform .5s;

						&:hover {
							transform: scale(1.05);
						}

						img {
							width: 100%;
							height: 100%;
						}
					}
				}

				.laste {
					width: 184px;
					height: 120px;
					border-width: 1px 1px 0 0;
					border-style: solid;
					border-color: #e7e7e7;

					a {
						display: flex;
					}

					.p-name {
						width: 72px;
						height: 40px;
						overflow: hidden;
						margin: 14px 0 0 15px;
						color: #333;
						font-size: 14px;
					}

					.p-desc {
						width: 72px;
						height: 16px;
						overflow: hidden;
						color: #999;
						margin: 10px 0 0 15px;
						font-size: 12px;
					}

					.p-img {
						width: 90px;
						height: 90px;
						margin: 30px 0px 0 3px;
						transition: transform .5s;

						img {
							width: 100%;
							height: 100%;
						}
					}
				}

			}
		}
	}

	.module-center {
		width: 393px;
		margin-left: 10px;

		.title {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 50px;
			line-height: 50px;
			background-color: #e66a07;

			h5 {
				float: left;
				margin-left: 15px;
				color: #fff;
				font-size: 20px;
				font-weight: normal;
			}

			.more {
				margin-right: 10px;
				color: #fff;

				span {
					font-size: 12px;
				}

				i {
					font-size: 12px;

				}
			}
		}

		.second-con {
			background-color: #fff;
			padding-top: 10px;
			height: 380px;
			display: inline-block;

			ul {
				display: flex;
				flex-wrap: wrap;
				margin: 5px 0 0 10px;

				li {
					width: 184px;
					height: 120px;
					border-width: 1px 1px 0 0;
					border-style: solid;
					border-color: #e7e7e7;

					&:first-child {
						border-width: 0 1px 0 0;
					}

					&:nth-child(2) {
						border-width: 0 0 0 0;
					}

					&:nth-child(4) {
						border-width: 1px 0 0 0;
					}

					&:last-child {
						border-width: 1px 0 0 0;
					}

					a {
						display: flex;
					}

					.p-name {
						width: 72px;
						height: 40px;
						overflow: hidden;
						margin: 14px 0 0 15px;
						color: #333;
						font-size: 14px;
					}

					.p-desc {
						width: 72px;
						height: 16px;
						overflow: hidden;
						color: #999;
						margin: 10px 0 0 15px;
						font-size: 12px;
					}

					.p-img {
						width: 90px;
						height: 90px;
						margin: 25px 0px 0px 5px;
						transition: transform .5s;

						&:hover {
							transform: scale(1.05);
						}

						img {
							width: 100%;
							height: 100%;
						}
					}
				}

			}

			.se-con {
				margin: 0 0 0 10px;

				.first {
					height: 236px;
					border-width: 0 1px 0 0;
					border-style: solid;
					border-color: #e7e7e7;

					a {
						display: block;
					}

					.p-name {
						width: 140px;
						height: 20px;
						overflow: hidden;
						margin: 14px 0 0 15px;
						color: #333;
						font-size: 14px;
					}

					.p-desc {
						width: 144px;
						margin: 3px 0 0 15px;
						height: 16px;
						overflow: hidden;
						color: #999;
						font-size: 12px;
					}

					.p-img {
						width: 160px;
						height: 160px;
						margin: 37px 0 0 20px;
						transition: transform .5s;

						&:hover {
							transform: scale(1.05);
						}

						img {
							width: 100%;
							height: 100%;
						}
					}
				}

				.laste {
					width: 184px;
					height: 120px;
					border-width: 1px 1px 0 0;
					border-style: solid;
					border-color: #e7e7e7;

					a {
						display: flex;
					}

					.p-name {
						width: 72px;
						height: 40px;
						overflow: hidden;
						margin: 14px 0 0 15px;
						color: #333;
						font-size: 14px;
					}

					.p-desc {
						width: 72px;
						height: 16px;
						overflow: hidden;
						color: #999;
						margin: 10px 0 0 15px;
						font-size: 12px;
					}

					.p-img {
						width: 90px;
						height: 90px;
						margin: 30px 0px 0 3px;
						transition: transform .5s;

						img {
							width: 100%;
							height: 100%;
						}
					}
				}

			}
		}
	}

	.module-right {
		width: 393px;
		margin-left: 10px;

		.title {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 50px;
			line-height: 50px;
			background-color: #b62323;

			h5 {
				float: left;
				margin-left: 15px;
				color: #fff;
				font-size: 20px;
				font-weight: normal;
			}

			.more {
				margin-right: 10px;
				color: #fff;

				span {
					font-size: 12px;
				}

				i {
					font-size: 12px;

				}
			}
		}

		.second-con {
			background-color: #fff;
			padding-top: 10px;
			width: 393px;
			height: 380px;
			display: inline-block;

			ul {
				margin: 0 15px;
				border-bottom: 1px solid #e7e7e7;
				margin-bottom: 10px;
				overflow: hidden;
				display: flex;

				&:last-child {
					border: 0;
				}

				li {
					width: 123px;
					height: 180px;
					position: relative;

					&:nth-child(2) {
						.ph-icon {
							background-position: -31px -30px;
						}
					}

					&:nth-child(3) {
						.ph-icon {
							background-position: -60px -30px;
						}
					}

					.p-img {
						width: 100px;
						height: 100px;
						margin: 10px auto 0;

						img {
							width: 100%;
							height: 100%;
						}
					}

					.p-name {
						width: 100px;
						height: 30px;
						overflow: hidden;
						color: #333;
						margin-left: 11px;
						font-size: 12px;
					}

					.p-price {
						margin: 5px 0 0 11px;
						color: #b62323;
						font-size: 14px;
					}

					.ph-icon {
						width: 23px;
						height: 23px;
						background: url(../img/festival_icon.png);
						background-position: -2px -30px;
						color: #FFF;
						text-align: center;
						position: absolute;
						top: 10px;
						right: 15px;
					}
				}
			}
		}
	}
}

/*内容(活动区)*/
.activity {
	width: 1200px;
	margin: 20px auto;
	display: flex;

	ul {
		width: 1200px;
		margin-top: -10px;

		li {
			float: left;
			position: relative;
			width: 393px;
			height: 170px;
			margin: 10px 10px 0 0;

			&:hover {
				img {
					transition: transform .5s;
					transform: translateX(-10px);
				}
			}

			&:nth-child(1) {
				background: -webkit-gradient(linear, 0 0, right 0, from(#e89621), to(#f5c568));
			}

			&:nth-child(2) {
				background: -webkit-gradient(linear, 0 0, right 0, from(#325bb4), to(#4c9afe));
			}

			&:nth-child(3) {
				background: -webkit-gradient(linear, 0 0, right 0, from(#1c9daf), to(#40cda7));
				margin: 10px 0 0 0;
			}

			&:nth-child(4) {
				background: -webkit-gradient(linear, 0 0, right 0, from(#d13837), to(#df6d4f));
			}

			&:nth-child(5) {
				background: -webkit-gradient(linear, 0 0, right 0, from(#d13837), to(#df6d4f));
			}

			&:nth-child(6) {
				background: -webkit-gradient(linear, 0 0, right 0, from(#5d40c1), to(#8c5fdb));
				margin: 10px 0 0 0;
			}

			a {
				display: flex;
				position: relative;

				.p-text {
					padding-top: 44px;
				}

				span {
					position: relative;
					display: block;
					height: 2px;
					background: url(../img/festival_icon.png);

					&:first-child {
						width: 78px;
						background-position: -1px -3px;
						margin-left: 35px;
					}

					&:nth-child(3) {
						background-position: 0 -11px;
						width: 154px;
						margin-left: 35px;
					}
				}

				p {
					position: relative;
					color: #FFF;
					width: 160px;
					overflow: hidden;
					z-index: 1;

				}

				.name {
					height: 26px;
					margin: 5px 0 5px 35px;
					font-weight: 900;
					font-size: 20px;
				}

				.desc {
					height: 20px;
					margin: 5px 0 5px 35px;
					font-size: 14px;
				}

				img {
					position: absolute;
					width: 170px;
					height: 170px;
				}
			}
		}
	}
}

/*内容(多货区)*/
.ramble {
	width: 1200px;
	margin: 20px auto;
	display: flex;
	padding-bottom: 80px;

	ul {
		margin-top: -10px;
		display: flex;
		flex-wrap: wrap;

		li {
			background-color: #fff;
			width: 210px;
			margin: 0 10px 10px 0;
			border: 1px solid #D2D2D2;
			padding: 10px;
			transition: opacity .3s ease-out;

			&:hover {
				opacity: .7;
				border-color: #f42424;
			}

			&:nth-child(5),
			&:nth-child(10),
			&:nth-child(15),
			&:nth-child(20),
			&:nth-child(25) {
				margin: 0 0 10px 0;
			}

			.p-img {
				width: 210px;
				height: 210px;

				img {
					width: 100%;
					height: 100%;
				}

			}

			.p-name {
				font-size: 14px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				margin-top: 8px;
				color: #555;

				&:hover {
					color: #f42424;

				}
			}

			.p-price {
				font-size: 16px;
				color: #f42424;
				line-height: 36px;
				display: flex;

				.sh-price {
					font-size: 16px;
					color: #f42424;
				}

				.or-price {
					margin-left: 5px;
					color: #555;
					text-decoration: line-through;
					font-size: 12px;
				}
			}
		}
	}
}

/*底部*/
footer {
	background-color: #eee;
	overflow: hidden;

	.foot-top {
		padding: 24px 0;

		.foto {
			display: flex;
			width: 1200px;
			margin: 0 auto;

			.safe {
				display: flex;
				overflow: hidden;

				.safe-item {
					width: 170px;
					height: 32px;
					line-height: 30px;
					overflow: hidden;
					padding-right: 10px;
					display: flex;
					align-items: center;

					&:nth-child(1) {
						i {

							background-position: 0 0;
						}
					}

					&:nth-child(2) {
						i {

							background-position: -34px 0;
						}
					}

					&:nth-child(3) {
						i {

							background-position: -68px 0;
						}
					}

					&:nth-child(4) {
						i {

							background-position: -102px 0;
						}
					}

					&:nth-child(5) {
						i {

							background-position: -136px 0;
						}
					}

					i {
						width: 32px;
						height: 32px;
						background: url(../img/footer_new_icon.png) no-repeat;
						display: inline-block;
					}

					span {
						font-size: 18px;
						color: #888888;
						margin-left: 12px;
					}
				}
			}

			.service {
				display: flex;

				.ser-con {
					height: 32px;
					line-height: 30px;
					display: flex;
					align-items: center;

					&:nth-child(1) {
						i {
							background-position: -3px -103px;
						}
					}

					&:nth-child(2) {
						i {
							background-position: -3px -138px;
						}

						span {
							&:nth-child(2) {
								width: 80px;
							}

						}
					}

					i {
						margin-top: 4px;
						display: inline-block;
						width: 27px;
						height: 24px;
						background: url(../img/footer_new_icon.png) no-repeat;
					}

					span {
						color: #262626;
						font-size: 16px;
						font-weight: 900;
						margin-left: 8px;
						margin-right: 10px;

						&:nth-child(2) {
							width: 140px;
						}
					}
				}
			}
		}
	}

	.foot-con {
		background-color: #262626;

		.foco {
			padding: 30px 0;
			width: 1200px;
			margin: 0 auto;
			border-bottom: 1px solid #464646;
			overflow: hidden;
			display: flex;

			.foco-list {
				width: 900px;
				display: flex;

				.foco-item {
					width: 170px;
					padding-right: 10px;

					h3 {
						font-size: 16px;
						font-weight: 900;
						color: #fff;
						margin-bottom: 20px;
					}

					li {
						line-height: 28px;
						overflow: hidden;


						a {
							font-size: 14px;
							color: #cccccc;
							width: 100%;

							&:hover {
								color: #f42424;
							}
						}
					}
				}
			}

			.foco-code {
				display: flex;

				.qr-item {
					width: 104px;
					padding: 2px;
					background-color: #fff;

					&:nth-child(1) {
						margin-right: 60px;
					}

					.code-img {
						img {
							width: 104px;
							height: 104px;
						}
					}

					.code-text {
						width: 100%;
						height: 20px;
						background-color: #121212;
						text-align: center;
						line-height: 20px;
						color: #fff;
						font-size: 12px;
					}
				}
			}
		}
	}

	.foot-bot {
		padding: 30px 0 20px;
		background-color: #262626;
		overflow: hidden;

		.fobo {
			width: 1200px;
			margin: 0 auto;

			p {
				text-align: center;
				color: #4c4c4c;
				margin-bottom: 10px;

				a {
					color: #888;
					display: inline-block;
					font-size: 12px;

					&:hover {
						color: #f42424;
					}
				}

				span {
					overflow: hidden;
					margin: 0 17px;
					width: 1px;
					height: 11px;
					background-color: #444;
					display: inline-block;
				}

				&:last-child {
					margin-bottom: 0;
					padding-top: 15px;
				}
			}
		}
	}
}